<?php get_header(); ?>

<!-- about -->
<div class="about " id="about">
      <div class="col-md-6 col-lg-6  col-sm-6" style="height: 750px;">

     <div class=" row ab-w3-agile-info" style="height: 40%;padding: 5em 2em 0em 4em;" >
       <h2 class="title-w3">关于我们</h2>
     <p class="sub-text one"></p>
     <p>“本原艺考”以艺考教育为核心，以艺术资讯服务为向导，以艺术交流发展为宗旨，引进国内高精端艺术人才，吸纳中央民族大学，北京舞蹈学院，上海戏剧学院等知名院校教师团队。专心教研，站住教学不断发展。本原艺考以“智慧教学 聪明教学”为教学理念，采用“小班制、导师制、班主任制、家长制、月考月报制”为教学模式，特设专家教研部、教学执行部、教学督导部三大职能部门。</p>
    </div>



      <div class="row "  style="height: 60%;">
         <div class="col-md-6 col-lg-6 col-sm-6 ab-w3-agile-info ab-w3-agile-part" style="height: 100%;">
        <h4>演出</h4>
         <p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit. a galley of type and scrambled it to make a type specimen book. Proin ultricies vestibulum velit.</p>
         </div>
      <div class="col-md-6 col-lg-6 col-sm-6 ab-w3-agile-info ab-w3-agile-part two" style="height: 100%;">
      <h4>艺考课程</h4>
         <p>“本原艺考”以艺考教育为核心，以艺术资讯服务为向导，以艺术交流发展为宗旨，引进国内高精端艺术人才，吸纳中央民族大学，北京舞蹈学院，上海戏剧学院等知名院校教师团队。专心教研，站住教学不断发展。本原艺考以“智慧教学 聪明教学”为教学理念，采用“小班制、导师制、班主任制、家长制、月考月报制”为教学模式，特设专家教研部、教学执行部、教学督导部三大职能部门。</p>
         </div>
      
    </div>  



   </div>   


    <div class="col-md-6 col-lg-6 col-sm-6 ab-w3-agile-img" style="height: 750px;">
      
    </div>
 
    <div class="clearfix"></div>
</div>
  <!-- //about -->
    <!-- Modal1 -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
          <div class="modal-dialog">
          <!-- Modal content-->
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <img src="<?php bloginfo('template_directory'); ?>/images/2.jpg" alt=" " class="img-responsive">
                <h5>Donec lobortis pharetra dolor</h5>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, rds which don't look even slightly believable..</p>
              </div>
            </div>
          </div>
        </div>
        <!-- //Modal1 -->
    <!-- /classes-->
  <div class="services" id="classes">
    <div class="container">

     <h3 class="title-w3">舞蹈种类</h3>
     <p class="sub-text">Choose Your Style</p>
         <div class="wthree-agile-classes-section">
                  <div class="col-md-3 class-grid">
            <div class="class-grid-img hvr-sweep-to-top">
                 <img src="<?php bloginfo('template_directory'); ?>/images/c1.jpg" alt=""/>
                <div class="caption">
                  <h5>Class 1</h5>
              </div>
            </div>
          
            <h4>芭蕾舞</h4>
          
            </div>
        <div class="col-md-3 class-grid">
            <div class="class-grid-img hvr-sweep-to-top">
                 <img src="<?php bloginfo('template_directory'); ?>/images/c2.jpg" alt=""/>
                <div class="caption">
                  <h5>Class 2</h5>
              </div>
            </div>
          
            <h4>民族舞</h4>
          
            </div>
        <div class="col-md-3 class-grid">
            <div class="class-grid-img hvr-sweep-to-top">
                 <img src="<?php bloginfo('template_directory'); ?>/images/c3.jpg" alt=""/>
                <div class="caption">
                  <h5>Class 3</h5>
              </div>
            </div>
          
            <h4>现代舞</h4>
          
            </div>
        <div class="col-md-3 class-grid lost">
            <div class="class-grid-img hvr-sweep-to-top">
                 <img src="<?php bloginfo('template_directory'); ?>/images/c4.jpg" alt=""/>
                <div class="caption">
                  <h5>Class 4</h5>
              </div>
            </div>
          
            <h4>体育舞</h4>
          
            </div>
        <div class="clearfix"> </div>
           </div>

     </div> 
   </div>
   <!-- //classes-->
   <div class="main" id="plans">
    <div id="particles-js"></div>

      
    <div class="priceing-table-main">
           <h3 class="title-w3 three">课程价格</h3>
           <p class="sub-text">Choose Your Style</p>
         <div class="priceing-table-grids">
         <div class="col-md-3 price-grid">
          <div class="price-block agile">
            <div class="price-gd-top pric-clr1">
              <h4>课程1</h4>
              <h3><span>￥</span>79</h3>
              <h5>起</h5>
            </div>
            <div class="price-gd-bottom">
                 <div class="price-list">
                
                  <ul>
                      <li><i class="fa fa-star" aria-hidden="true"></i></li>
                      <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                      <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                      <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                      <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                  
                     </ul>
                   <h6 class="bed"><i class="fa fa-street-view" aria-hidden="true"></i></h6>
              </div>
              <div class="price-selet pric-sclr1">                 
                    <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s" href="#small-dialog">More</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-3 price-grid ">
          <div class="price-block agile">
            <div class="price-gd-top pric-clr2">
              <h4>课程2</h4>
              <h3><span>￥</span>119</h3>
              <h5>起</h5>
            </div>
            <div class="price-gd-bottom">
              <div class="price-list">
                
                  <ul>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                  
                </ul>
                <h6 class="bed two"><i class="fa fa-street-view" aria-hidden="true"></i></h6>
                
              </div>
              <div class="price-selet pric-sclr2">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s" href="#small-dialog">More</a>

              </div>
            </div>
          </div>
        </div>
        <div class="col-md-3 price-grid lost">
          <div class="price-block agile">
            <div class="price-gd-top pric-clr3">
              <h4>课程3</h4>
              <h3><span>￥</span>159</h3>
              <h5>起</h5>
            </div>
            <div class="price-gd-bottom">
              <div class="price-list">
                <ul>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                  
                </ul>
                <h6 class="bed three"><i class="fa fa-street-view" aria-hidden="true"></i></h6>
              </div>
              <div class="price-selet pric-sclr3">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s" href="#small-dialog">More</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-3 price-grid wthree lost">
          <div class="price-block agile">
            <div class="price-gd-top pric-clr4">
              <h4>课程4</h4>
              <h3><span>￥</span>199</h3>
              <h5>起</h5>
            </div>
            <div class="price-gd-bottom">
              <div class="price-list">
                <ul>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star" aria-hidden="true"></i></li>
                  <li><i class="fa fa-star-o" aria-hidden="true"></i></li>
                  
                </ul>
                <h6 class="bed four"><i class="fa fa-street-view" aria-hidden="true"></i></h6>
              </div>
              <div class="price-selet pric-sclr4">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s" href="#small-dialog">More</a>
              </div>
            </div>
          </div>
        </div>
        <div class="clearfix"> </div>
      </div>
    
    </div>  
  </div>  
  <!--//prices -->
 
  <!-- instructors -->
    <div class="instructors" id="instructors">
       <div class="container">
         <h3 class="title-w3">师资团队</h3>
           <p class="sub-text">Teachers</p>
          <div class="team-grids">
          <!-- Bottom to top-->
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t1.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">瞿友祥</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t2.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">曹俊一</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t3.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">陈可</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t4.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">耿子博</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t5.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">李娜</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t6.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">吴彤</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t7.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">吴建飞</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t8.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">肖富春</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="col-sm-4 team-grid">
              <!-- normal -->
              <div class="ih-item circle effect10 bottom_to_top">
                <div class="img"><img src="<?php bloginfo('template_directory'); ?>/images/t9.jpg" alt="img" /></div>
                <div class="info">
                  <h3><a href="#">赵文昊</a></h3>
                </div>
              </div>
              <!-- end normal -->
            </div>
            <div class="clearfix"> </div>
          <!-- end Bottom to top-->
        </div>

      </div>  
  </div>  
      <!--//instructors  -->
        <!-- gallery -->
  <div class="gallery" id="gallery">
      <h3 class="title-w3">图片集</h3>
     <p class="sub-text">Photo Gallery</p>
      <div class="gallery-grids carouselGallery-grid hidden-xs">
        <div class="col-md-3 gallery-grid">
          <div class="carouselGallery-col-1 carouselGallery-carousel" data-likes="3144" data-index="0" data-username=" " data-imagetext="At vero eos et accusamus et iusto odio 
             dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 
             et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
             officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio." 
            data-location="Project1" data-imagepath="images/g1.jpg" data-posturl="#" 
            style="background-image:url(<?php bloginfo('template_directory'); ?>//images/g7.jpg);">
            <div class="carouselGallery-item">
              <div class="carouselGallery-item-meta">
                <span class="carouselGallery-item-meta-user">
                Photo Gallery
                </span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-3 gallery-grid">
          <div class="carouselGallery-col-1 carouselGallery-carousel" data-likes="3144" data-index="1" data-username=" " data-imagetext="Occaecati at vero eos et accusamus et iusto odio 
             dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 
             et quas molestias excepturi sint cupiditate non provident, similique sunt in culpa qui
             officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio." 
            data-location="Project2" data-imagepath="images/g2.jpg" data-posturl="#" 
            style="background-image:url(<?php bloginfo('template_directory'); ?>/images/g8.jpg);">
            <div class="carouselGallery-item">
              <div class="carouselGallery-item-meta">
                <span class="carouselGallery-item-meta-user">
                Photo Gallery
                </span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-3 gallery-grid">
          <div class="carouselGallery-col-1 carouselGallery-carousel" data-likes="3144" data-index="2" data-username=" " data-imagetext="similique sunt in culpa qui
             officia deserunt mollitia animi, id est laborum et dolorum fuga. At vero eos et accusamus et iusto odio 
             dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 
             et quas molestias excepturi sint occaecati cupiditate non provident, Et harum quidem rerum facilis est et expedita distinctio." 
            data-location="Project3" data-imagepath="images/g3.jpg" data-posturl="#" 
            style="background-image:url(<?php bloginfo('template_directory'); ?>/images/g12.jpg);">
            <div class="carouselGallery-item">
              <div class="carouselGallery-item-meta">
                <span class="carouselGallery-item-meta-user">
                Photo Gallery
                </span>
              </div>
            </div>
          </div>
        </div>
      
        <div class="col-md-3 gallery-grid">
          <div class="carouselGallery-col-1 carouselGallery-carousel" data-likes="3144" data-index="3" data-username=" " data-imagetext="At vero eos et accusamus et iusto odio 
             dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 
             et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
             officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio." 
            data-location="Project4" data-imagepath="images/g4.jpg" data-posturl="#" 
            style="background-image:url(<?php bloginfo('template_directory'); ?>/images/g10.jpg);">
            <div class="carouselGallery-item">
              <div class="carouselGallery-item-meta">
                <span class="carouselGallery-item-meta-user">
                Photo Gallery
                </span>
              </div>
            </div>
          </div>
        </div>
           <div class="col-md-3 gallery-grid">
          <div class="carouselGallery-col-1 carouselGallery-carousel" data-likes="3144" data-index="5" data-username=" " data-imagetext="At vero eos et accusamus et iusto odio 
             dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 
             et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
             officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio." 
            data-location="Project6" data-imagepath="images/g6.jpg" data-posturl="#" 
            style="background-image:url(<?php bloginfo('template_directory'); ?>/images/5.jpg);">
            <div class="carouselGallery-item">
              <div class="carouselGallery-item-meta">
                <span class="carouselGallery-item-meta-user">
                Photo Gallery
                </span>
              </div>
            </div>
          </div>
        </div> 
                <div class="col-md-3 gallery-grid">
          <div class="carouselGallery-col-1 carouselGallery-carousel" data-likes="3144" data-index="4" data-username=" " data-imagetext="Similique sunt in culpa qui at vero eos et accusamus et iusto odio 
             dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 
             et quas molestias excepturi sint occaecati cupiditate non provident,
             officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio." 
            data-location="Project5" data-imagepath="images/g5.jpg" data-posturl="#" 
            style="background-image:url(<?php bloginfo('template_directory'); ?>/images/9.jpg);">
            <div class="carouselGallery-item">
              <div class="carouselGallery-item-meta">
                <span class="carouselGallery-item-meta-user">
                Photo Gallery
                </span>
              </div>
            </div>
          </div>
        </div>
       <div class="col-md-3 gallery-grid">
          <div class="carouselGallery-col-1 carouselGallery-carousel" data-likes="3144" data-index="4" data-username=" " data-imagetext="Similique sunt in culpa qui at vero eos et accusamus et iusto odio 
             dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 
             et quas molestias excepturi sint occaecati cupiditate non provident,
             officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio." 
            data-location="Project5" data-imagepath="images/g5.jpg" data-posturl="#" 
            style="background-image:url(<?php bloginfo('template_directory'); ?>/images/g11.jpg);">
            <div class="carouselGallery-item">
              <div class="carouselGallery-item-meta">
                <span class="carouselGallery-item-meta-user">
                Photo Gallery
                </span>
              </div>
            </div>
          </div>
        </div>
       
 
        <div class="col-md-3 gallery-grid">
          <div class="carouselGallery-col-1 carouselGallery-carousel" data-likes="3144" data-index="5" data-username=" " data-imagetext="At vero eos et accusamus et iusto odio 
             dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 
             et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
             officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio." 
            data-location="Project6" data-imagepath="images/g6.jpg" data-posturl="#" 
            style="background-image:url(<?php bloginfo('template_directory'); ?>/images/10.png);
            <div class="carouselGallery-item">
              <div class="carouselGallery-item-meta">
                <span class="carouselGallery-item-meta-user">
                Photo Gallery
                </span>
              </div>
            </div>
          </div>
        </div> 
  
        <div class="clearfix"> </div>
        
      </div>
  </div>
  <!-- //gallery -->


  <!-- 新闻 -->
    <div class="instructors" id="zixun" style="padding:4em 0;">
       <div class="container">
         <h3 class="title-w3">最新资讯</h3>
           <p class="sub-text">Latest News</p>
          <div class="team-grids">
          <!-- Bottom to top-->
           <div class="row"  style="text-align: center;">  
 



<div style="margin-left: 10%;" >

    <?php 
    $latest_cat_post = new WP_Query( array( 'category_name' => 'zixun','tag' => 'zixun','posts_per_page' => 4));
    if( $latest_cat_post->have_posts() ) : while( $latest_cat_post->have_posts() ) : $latest_cat_post->the_post();  ?>
        <?php if (has_post_thumbnail( $post->ID ) ): ?>
        <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>



 <div class="col-lg-6 col-md-12 col-sm-12" >
 <div class="col-lg-4 col-md-4 col-sm-4" style="    background-color: #F0F0F0;
    width: 10%;
    height: 60px;
    position: relative;
    /* margin-top: 3%; */
    top: 16px;left: 5%;
    color: #000!important;
    padding:0px;
    padding-top:10px ;

}">

    <?php the_time('Y-m-d'); ?> 
 </div>
 <div class="col-lg-8 col-md-8 col-sm-8" style="text-align: left;padding: 0px;" >
     <b style="margin-left: 10%;  color: red; 
    position: relative;
    top: 18px;"><?php the_title_attribute(); ?></b>
        <br/> <br/>
        <?php the_content(); ?>
 </div>
 </div>

<!-- <div class="col-lg-3 col-md-4 col-sm-12">
 <img src="<?php echo $image[0]; ?>" alt="" style="height:250px;width:80%;"/>
<div style="text-align: center;
    margin-top: 10px; font-size:18px">
       
        </div>
</div> -->




        <?php endif; ?>
        <?php endwhile; endif; ?>
  
    </div>
    </div>
            </div>
            
          
            <div class="clearfix"> </div>
          <!-- end Bottom to top-->
        </div>

      </div>  
  </div>  

<!--   xinwen 结束 -->



  <!-- Contact -->
  <div class="agile-contact" style="margin-top: 10px;">

    <div class="col-md-6">
   <!--  ditu -->
    </div>
    <div class="col-md-6 left-contact">
    <div class="cont-top">
      <h5><i class="fa fa-envelope" aria-hidden="true"></i>Email</h5>
      <a href="mailto:info@example.com">info@example.com</a>
    </div>
    <div class="con-bot">
      <div class="left-bw3">
        <h5><i class="fa fa-map-marker" aria-hidden="true"></i>地址</h5>
        <p>北京市海淀区</p>
        <p>四道口路2号</p>
        <p>京果商厦A座5层-香巴拉艺术空间</p>
      </div>
      <div class="right-bw3">
        <h5><i class="fa fa-phone" aria-hidden="true"></i>电话</h5>
        <p>固定电话：010-69946005</p>
        <p>李老师：+8613269932915</p>
        <p>翟老师：+8618610078382</p>
      </div>
    </div>
  </d iv>
  <div class="clearfix"></div>
</div>

<?php get_footer(); ?>
